<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuiAdmin 网站用户</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/admin/layuiadmin/layui/css/layui.css" media="all">
	<link rel="stylesheet" href="/admin/layuiadmin/style/admin.css" media="all">
	<style>
		@font-face {
			font-family: 'iconfont';  
			src: url('https://at.alicdn.com/t/font_2565954_q2snf28joy.woff2?t=1621766073287') format('woff2'),
			url('https://at.alicdn.com/t/font_2565954_q2snf28joy.woff?t=1621766073287') format('woff'),
			url('https://at.alicdn.com/t/font_2565954_q2snf28joy.ttf?t=1621766073287') format('truetype');
		}
		.iconfont{
			font-family:"iconfont" !important;
			font-size:16px;font-style:normal;
			-webkit-font-smoothing: antialiased;
			-webkit-text-stroke-width: 0.2px;
			-moz-osx-font-smoothing: grayscale;}
		.layui-layer-admin .layui-layer-ico {
			background: url("/admin/layuiadmin/gb.png") no-repeat!important;
			background-size:16px 16px!important;
		}
	</style>
</head>
<body>

  <div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-form layui-card-header layuiadmin-card-header-auto">
        <div class="layui-form-item">
          
          <div class="layui-inline">
            <label class="layui-form-label">产品名称</label>
            <div class="layui-input-block">
              <input type="text" name="name" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div>
		 

		  <div class="layui-inline">
            <label class="layui-form-label">开始时间</label>
            <div class="layui-input-block">
              <input type="text" name="str" placeholder="请输入" id="time1" autocomplete="off" class="layui-input">
            </div>
          </div>

		  <div class="layui-inline">
            <label class="layui-form-label">结束时间</label>
            <div class="layui-input-block">
              <input type="text" name="end" placeholder="请输入" id="time2" autocomplete="off" class="layui-input">
            </div>
          </div>

		
         <div class="layui-inline">
            <label class="layui-form-label">接收人ID</label>
            <div class="layui-input-block">
              <input type="text" name="uid" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
          </div><!--
          <div class="layui-inline">
            <label class="layui-form-label">性别</label>
            <div class="layui-input-block">
              <select name="sex">
                <option value="0">不限</option>
                <option value="1">男</option>
                <option value="2">女</option>
              </select>
            </div>
          </div>-->
          <div class="layui-inline">
            <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">
              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
            </button>
          </div>
        </div>
      </div>
      
      <div class="layui-card-body">
        <div style="padding-bottom: 10px;">
          {in name="$data.addmessage" value="$permis"}
			     <button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>
          {/in}
          {in name="$data.delmessage" value="$permis"}
          <button class="layui-btn layuiadmin-btn-useradmin" data-type="del">删除</button>
          {/in}
        </div>
        <table class="layui-table" lay-data="{ url:'/admin/Message/message',method:'post', page:true, id:'LAY-user-managet'}" lay-filter="LAY-user-managet">
          <thead>
          <tr>
            <th lay-data="{type: 'checkbox', fixed: 'left'}"></th>
            <th lay-data="{field:'id', width:50, sort: true}">ID</th>
            <th lay-data="{field:'sendid',templet:'#send'}">发送人ID</th>
            <th lay-data="{field:'recid',templet:'#rec'}">接收人ID</th>
            <th lay-data="{field:'title',}">标题名称</th>
            <th lay-data="{field:'addtime', sort: true,templet:'#addtime'}">添加时间</th>
            <th lay-data="{field:'status', sort: true,templet:'#pv'}">是否已读</th>
            <th lay-data="{fixed: 'right', width:150, align:'center', toolbar: '#barDemo'}">操作</th>
          </tr>
          </thead>
        </table>
		<script type="text/html" id="addtime">
			{{# if(d.addtime){ }}
			{{getLocalTime(d.addtime)}}
			{{# }else{ }}
			无
			{{# } }}
		</script>
		<script type="text/html" id="send">
			{{# if(!d.SendId){ }}
			系统
			{{# }else{ }}
			{{d.SendId}}
			{{# } }}
		</script>
		<script type="text/html" id="pv">
		{{# if(d.RecId){ }}
			{{# if(!d.status){ }}
			未读
			{{# }else{ }}
			已读
			{{# } }}
		{{# }else{ }}
			全部消息
		{{# } }}
		</script>
		<script type="text/html" id="rec">
			{{# if(!d.RecId){ }}
			全部
			{{# }else{ }}
			{{d.RecId}}
			{{# } }}
		</script>
		<script type="text/html" id="barDemo">
      {in name="$data.editmessage" value="$permis"}
          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
          {/in}
          {in name="$data.delmessage" value="$permis"}
          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
          {/in}
        </script>
      </div>
    </div>
  </div>

<style>
select{
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
select::-ms-expand { display: none; }
</style>
<script src="/admin/layuiadmin/layui/layui.js"></script>
<script src="/admin/js/public.js"></script>
<script>
  layui.config({
    base: '/admin/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'useradmin', 'table','laydate','layedit'], function(){
    var $ = layui.$
    ,form = layui.form
    ,table = layui.table,laydate = layui.laydate
	,layedit = layui.layedit;
    

	//执行一个laydate实例
	  laydate.render({
		elem: '#time1' //指定元素
		,type: 'datetime'
	  });

	  //执行一个laydate实例
	  laydate.render({
		elem: '#time2' //指定元素
		,type: 'datetime'
	  });


    //监听搜索
    form.on('submit(LAY-user-front-search)', function(data){
      var field = data.field;
      

	  var name=field.name;
	  var str=field.str;
	  var end=field.end;
	  var uid=field.uid;


		$.get('/ohyueo/Msg/listdata?name='+name+'&str='+str+'&end='+end+'&uid='+uid, function(res){
			
		});

      //执行重载
      table.reload('LAY-user-managet', {
        where: field
      });


    });
  

//监听工具条
table.on('tool(LAY-user-managet)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
  var data = obj.data; //获得当前行数据
  var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
  var tr = obj.tr; //获得当前行 tr 的DOM对象
 
 if(layEvent === 'del'){ //删除
    layer.confirm('真的删除行么', function(index){
      obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
      layer.close(index);
	  var dataid=data['id'];
      //向服务端发送删除指令
		$.post(
    				"{:url('admin/Message/delmessage')}",
    				{"id":dataid},
    				function(data,state){
    					if(state != "success"){
    						layer.msg("请求出错!");
    					}else if(data.status == 1){
    						table.reload('LAY-user-managet');
							layer.msg('已删除');
    					}else{
    						layer.msg(data.msg);
    					}
    				}
    			);

    });
  } else if(layEvent === 'edit'){ //编辑
		var id=data['id'];
		var name=data['title'];
		var cont=data['text'];
		var RecId=data['recid'];
    //do something
	layer.open({
          type: 2
          ,title: '修改'
          ,content: 'editmessage.html'
          ,maxmin: true
          ,area: ['1000px', '550px']
          ,btn: ['确定', '取消']
          ,success: function(layero,index){

			var body = layui.layer.getChildFrame('body', index);
			body.find("#id").val(id);
			body.find("#name").val(name);
			body.find("#cont").val(cont);
			body.find("#RecId").val(RecId);
			form.render();
		}
		,yes: function(index, layero){
            var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-user-front-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);
            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              //提交 Ajax 成功后，静态更新表格中的数据
              //$.ajax({});
				$.post(
    				"{:url('admin/Message/editmessage')}",
    				field,
    				function(data,state){
						if(state != "success"){
    						layer.msg("请求出错!");
    					}else if(data.status == 1){
    						layer.msg('修改成功');
                table.reload('LAY-user-managet'); //数据刷新
                layer.close(index); //关闭弹层
    					}else{
    						layer.msg(data.msg);
    					}

    				}
    			);
            });  
            submit.trigger('click');
          }
	});
    
  }
});






    //事件
    var active = {
      del: function(){
        var checkStatus = table.checkStatus('LAY-user-managet')
        ,checkData = checkStatus.data; //得到选中的数据

        if(checkData.length === 0){
          return layer.msg('请选择数据');
        }
        
		var dataid='';
		for(var i=0;i<checkData.length;i++){
			dataid=dataid+','+checkData[i]['id'];
		}
          layer.confirm('确定删除吗？', function(index) {
			$.post(
    				"{:url('admin/Message/delmessage')}",
    				{"id":dataid},
    				function(data,state){
    					if(state != "success"){
    						layer.msg("请求出错!");
    					}else if(data.status == 1){
    						table.reload('LAY-user-managet');
							layer.msg('已删除');
    					}else{
    						layer.msg(data.msg);
    					}
    				}
    			);
            
          });
		//
      }
      ,add: function(){
        layer.open({
          type: 2
          ,title: '添加消息'
          ,content: 'addmessage.html'
          ,maxmin: true
          ,area: ['1000px', '550px']
          ,btn: ['确定', '取消']
          ,yes: function(index, layero){
            var iframeWindow = window['layui-layer-iframe'+ index]
            ,submitID = 'LAY-user-front-submit'
            ,submit = layero.find('iframe').contents().find('#'+ submitID);
            //监听提交
            iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
              var field = data.field; //获取提交的字段
              //提交 Ajax 成功后，静态更新表格中的数据
              //$.ajax({});
              $.post(
                  "{:url('admin/Message/addmessage')}",
                  field,
                  function(data,state){
                  if(state != "success"){
                      layer.msg("请求出错!");
                    }else if(data.status == 1){
                      layer.msg('添加成功');
                      table.reload('LAY-user-managet'); //数据刷新
                      layer.close(index); //关闭弹层
                    }else{
                      layer.msg(data.msg);
                    }
                  }
                );
            });  
            submit.trigger('click');
          }
        }); 
      }
    };
    
    $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
      var type = $(this).data('type');
      active[type] ? active[type].call(this) : '';
    });
  });





  </script>

</body>
</html>
